<template>
  <BScom @scroll="scroll" @pullingUp="pullingUp" ref="sc" @pullingDown="pullingDown">
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div> <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div> <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div> <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div> <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div> <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
      <div>qewwq</div>
      <div>qewwq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqq</div>
      <div>qewwqwewqqdsadas</div>
  </BScom>
</template>

<script setup>
 import BScom from "./betterscroll/index.vue"
 let sc = ref()
 function scroll() {
     // console.log("scroll")
 }

 function pullingUp() {
     console.log("pullingUp2")
     sc.value.finishPullUp()
 }
 function pullingDown() {
     console.log("pullingDown")
 }
 pullingDown
</script>
<style scoped>


</style>